<template>
  <div class="user-manage">
  <!-- 搜索 --> 
 <div class="query-form">
      <el-form   :inline="true" :model="queryForm" ref="formwhere">
 
        <!-- 普通输入框--> 
 
       
        <el-form-item label="邮箱" prop="where.email">
          <el-input placeholder="请输入"  v-model="where.email" />
        </el-form-item>
        
        <el-form-item label="手机" prop="where.mobile">
          <el-input placeholder="请输入"  v-model="where.mobile" />
        </el-form-item>
        
        <el-form-item label="账号" >
          <el-input placeholder="请输入"  v-model="where.username"/>
        </el-form-item>
        <el-form-item label="状态" >
          <el-select v-model="where.status"> 
            <el-option value="1" label="正常"></el-option>
            <el-option value="-1" label="停用"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleSubmit">查询</el-button> 
        </el-form-item>
      </el-form>
    </div> 
    <div class="base-table">  <!-- 表格 -->
     
       <ActionButton show="add,alldel"> </ActionButton>
    </div>
        <!-- 按钮组 -->
       
     <div class="base-table">  <!-- 表格 -->
          <!-- <JmTable  :dataList="dataList" :columns="columns"></JmTable>  -->
          
            <!-- 表格 --> 
        <el-table
              :data="dataList"
              row-key="id"
              :tree-props="{ children: 'childlist' }"
              
              @selection-change="handleSelectionChange"
            >
              <JmTb
                v-for="item in columns"
                      :name="item.label"
                      :key="item.prop"
                      :prop="item.prop"
                      :label="item.label"
                      :type="item.type"
                      :width="item.width"
                      :jv="item.jv"
                      :formatter="item.formatter"
              >
              </JmTb>
      
              <el-table-column label="操作" width="300">
                <template #default="scope">
            
                  <el-button @click="edit(scope.row.id)" size="mini"
                    >编辑</el-button
                  >
                  <el-button
                    type="danger"
                    size="mini"
                    @click="del(scope.row.id)"
                    >删除</el-button
                  >
                  <el-button
                    type="danger"
                    size="mini"
                    @click="ads(scope.row.id)"
                    >广告管理</el-button
                  >
                </template>
              </el-table-column>
      </el-table>
          
    </div>

  </div>
      <!-- 编辑弹窗 -->
    <!-- <el-dialog title="用户新增12" v-model="showModal"> 
        <router-view  v-on:handleClose="handleClose"  :edit_id="edit_id" />
    </el-dialog> -->
   
       <!-- 编辑弹窗 -->
  <el-dialog :title="action" v-model="showModal"> 
    <component :is="compontedshowModal" :edit_id="edit_id"></component>
  </el-dialog>
   
 
  

</template>


 
 
<script>
 import indexjs from './index.js'
export default {
  ...indexjs,
}
</script>
  
<style lang="scss">
 
.el-dialog__header{
    box-shadow: 0px 5px 10px #a5a5a5;
    background: #001529;
    color: white;
}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__title{
color: white;
}
</style>